<?php require_once 'httpFilter.php'; 'conf.php'; ?>
<?php include("includes/libs.php"); ?>
<html>
<title>Transaction view</title>
<head>
	<link rel="stylesheet" type="text/css" media="screen" href="css/styles.css" />

<script type="text/javascript" src="js/jquery.datePicker-2.1.2.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="container/jquery.metadata.js"></script>

<link rel="stylesheet" type="text/css" href="css/datePicker.css" title="style"  media="screen"/>

<script type="text/javascript" src="preferences.js"></script>
<script type="text/javascript" src="js/utils.js">
</script>
</head>
<body>
<div id="loadingPic" style="display: none; position:absolute; left: 0px; top:0px; height:100%; width: 100%; text-align: center;
	           background-image:url('images/translucent.gif'); z-index: 1000;">
	<img src="images/loading2.gif" style="margin: 12%"/>
	</div>	
	<!-- NAVIGATION -->
<?php include("includes/navigation.php"); ?>

<br/>
<table cellpadding="0" cellspacing="0" width="700">
	<tr>
		<td>
		<fieldset><legend>USER DETAILS</legend>
			<table width="100%">
				<tr>
					<th width="30%"><label class="normalText">Name:</label></th>
					<td><input id="name" type="text" class="textInput" autocomplete="off"/><br/></td>
				</tr>
				<tr>
					<th><label class="normalText">Surname:</label></th>
					<td><input id="surname" type="text" class="textInput" autocomplete="off"/><br/></td>
				</tr>
				<tr>
					<th><label class="normalText">Username:</label></th>
					<td><input id="username" type="text" class="textInput" autocomplete="off"/><br/></td>
				</tr>
				<tr>
					<th><label class="normalText">Password:</label></th>
					<td><input id="password" type="password" class="textInput" autocomplete="off"/><br/></td>
				</tr>
				<tr>
					<th><label class="normalText">Email address:</label></th>
					<td><input id="emailAdd" type="text" class="textInput" autocomplete="off"/><br/></td>
				</tr>
			</table>
		</fieldset>

		</td>
	</tr>
	<tr height="10"></tr>
	<tr>
		<td>
		<fieldset><legend>BUDGET</legend>
			<table width="100%">
				<tr>
					<th width="30%"><label class="normalText">Start Of Month Date: </label></th>
					<td><input type="text" id="startOfMonth" class="shortest" numeric="integer" min="1" max="31"/>
					<label class="normalText"> of every month.</label>
					</td>
				</tr>
			</table>
		</fieldset>

		</td>
	</tr>
	<tr height="10"></tr>
	<tr>
		<td>
			<fieldset><legend>Auto Reconcile</legend>
				<div class="scrollable" style="width: 700px; height: 200px;">
					<table width="100%">
						<tr id="autoReconcileHeaderRow"><th width="43%">Key</th><th>Value</th><th width="5%"></th></tr>
					</table>
				</div>
			</fieldset>
		</td>
	</tr>
	<tr>
		<td>
			<fieldset><legend>Budget & Account Association</legend>
				<div class="scrollable" style="width: 700px; height: 200px;">
					<table width="100%">
						<tr id="budgetItemAccountHeader"><th width="43%">Account</th><th>Budget Item</th><th width="5%"></th></tr>
						<tr>
							<th width="43%">
								<select id="accountList">
									<option id="accountId" value="-1">Select Account</option>
								</select>
							</th>
							<th>
								<select id="budgetItemList">
									<option id="budgetitemid" value="-1">Select Budget Item</option>
								</select>							
							</th>
							<th width="5%"></th>
						</tr>
					</table>
				</div>
			</fieldset>
		</td>
	</tr>
	<tr>
		<th align="center">
			<button class="nobg" id="savePrefBtn">Save</button>
		</th>
	</tr>
</table>

<?php include("includes/footer.php"); ?>
</body>
</html>